<style>
    .user label {
        margin-bottom: 0;
    }

    .user-form .form-group {

        margin: 0 10px 30px 20px;
    }

    .user-form .form-group label {
        margin-right: 10px;
    }

    .user-button {
        text-align: right;
        border-top: 1px dashed rgba(0, 0, 0, .2);
        margin-top: 12px;
        padding-top: 12px;
    }

    .user-table-btn {
        padding: 0;
        background-color: transparent;
        border-color: transparent;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, .0);
    }

    .user-table-btn > .fa {
        font-size: 18px;;
    }

</style>
<div class="user">
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="widget">
                <div class="widget-header bordered-left bordered-darkorange">
                    <span class="widget-caption">用户管理</span>
                </div>
                <div class="widget-body bordered-left bordered-warning">
                    <form class="form-inline user-form" role="form">
                        <div class="form-group">
                            <label for="userText1">用户名称</label>
                            <input type="text" class="form-control" id="userText1" placeholder="输入用户名称查询">
                        </div>
                        <div class="form-group">
                            <label for="userText2">登录账号</label>
                            <input type   ="text" class="form-control" id="userText2" placeholder="输入登录账号查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>
                        <div class="form-group">
                            <label for="userEmail">用户邮箱</label>
                            <input type="email" class="form-control" id="userEmail" placeholder="输入用户邮箱查询">
                        </div>

                    </form>
                    <div class="user-button">
                        <a href="javascript:void(0);" class="btn btn-default">重置</a>
                        <a href="javascript:void(0);" class="btn btn-blue">查询</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--table-->
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="widget">

                <div class="widget-body">
                    <div class="table-toolbar">
                        <a id="editabledatatable_new" href="javascript:void(0);" class="btn btn-azure">
                            添加
                        </a>

                    </div>
                    <div role="grid" id="editabledatatable_wrapper" class="dataTables_wrapper form-inline no-footer">


                        <table class="table table-striped table-hover table-bordered dataTable no-footer" id="editabledatatable" aria-describedby="editabledatatable_info">
                            <thead>
                            <tr role="row">
                                <th class="sorting_asc" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="
                                                    Username
                                                : activate to sort column ascending" style="width: 251px;">
                                    序号
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label="
                                                    Full Name
                                                : activate to sort column ascending" style="width: 380px;">
                                    用户名称
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label="
                                                    Points
                                                : activate to sort column ascending" style="width: 170px;">
                                    登录账号
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label="
                                                    Notes
                                                : activate to sort column ascending" style="width: 265px;">
                                    用户邮箱
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label="
                                                    Notes
                                                : activate to sort column ascending" style="width: 265px;">
                                    状态
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label="Notes: activate to sort column ascending" style="width: 265px;">
                                    管理员
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="editabledatatable" rowspan="1" colspan="1" aria-label=" Notes : activate to sort column ascending" style="width: 265px;">
                                    角色
                                </th>
                                <th class="sorting_disabled" rowspan="1" colspan="1" aria-label=" " style="width: 458px;">
                                    操作
                                </th>
                            </tr>
                            </thead>

                            <tbody>


                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">1</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="fa fa-edit"></i></a>
                                    <a href="#" class="btn user-table-btn delete" title="删除"><i class="fa fa-trash-o"></i></a>
                                    <a href="#" class="btn user-table-btn edit" title="编辑"><i class="glyphicon glyphicon-wrench"></i></a>
                                    <a href="#" class="btn user-table-btn delete  tooltip-danger" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="glyphicon glyphicon-eye-close"></i></a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">2</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">3</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="">4</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="">5</td>
                                <td class=" ">管理员</td>
                                <td class=" ">admin</td>
                                <td class=" ">hsssss@163.com</td>
                                <td class=" ">有效</td>
                                <td class=" ">是</td>
                                <td class=" ">管理员拥有系统所有权限，无需分配角色</td>
                                <td class=" ">
                                    <a href="#" class="btn btn-info btn-xs edit"><i class="fa fa-edit"></i> Edit</a>
                                    <a href="#" class="btn btn-danger btn-xs delete"><i class="fa fa-trash-o"></i> Delete</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="row DTTTFooter">
                            <div class="col-sm-6">
                                <div class="dataTables_info" id="editabledatatable_info" role="alert" aria-live="polite" aria-relevant="all">显示1-5项</div>
                            </div>
                            <div class="col-sm-6">
                                <div class="dataTables_paginate paging_bootstrap" id="editabledatatable_paginate">
                                    <ul class="pagination">
                                        <li class="prev disabled">
                                            <a href="#">上一页</a>
                                        </li>
                                        <li class="active">
                                            <a href="#">1</a>
                                        </li>
                                        <li>
                                            <a href="#">2</a>
                                        </li>
                                        <li class="next">
                                            <a href="#">下一页</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>




<!--Page Related Scripts-->
<script src="assets/js/datatable/jquery.dataTables.min.js"></script>
<script src="assets/js/datatable/ZeroClipboard.js"></script>
<script src="assets/js/datatable/dataTables.tableTools.min.js"></script>
<script src="assets/js/datatable/dataTables.bootstrap.min.js"></script>



